<template>
	<view class="content">
		<view class="swiperbox">
			<u-swiper :list="state.list" keyName="image" showTitle :autoplay="true" previousMargin="30" nextMargin="30"
				circular radius="5" bgColor="#ffffff">
			</u-swiper>
		</view>
		<view class="goodsbox">
			
		</view>
	</view>
</template>

<script setup>
import { reactive } from 'vue';
const state = reactive({
	list: [{
		image: 'https://cdn.uviewui.com/uview/swiper/swiper2.png',
		title: '昨夜星辰昨夜风，画楼西畔桂堂东',
	}, {
		image: 'https://cdn.uviewui.com/uview/swiper/swiper1.png',
		title: '身无彩凤双飞翼，心有灵犀一点通'
	}, {
		image: 'https://cdn.uviewui.com/uview/swiper/swiper3.png',
		title: '谁念西风独自凉，萧萧黄叶闭疏窗，沉思往事立残阳'
	}],
})


</script>

<style lang="scss">
.content {

	.swiperbox {
		margin-top: 20rpx
	}
}
</style>